<script type='text/javascript' src='{$base_dir}modules/dept_pharmacy/js/AJAX_EwhExportQueue.js'></script>
<script src='{$base_dir}js/jquery.tablesorter.min.js' type='text/javascript' ></script>
<script src='{$base_dir}js/jquery.tablesorter.pager.js' type='text/javascript' ></script>


<script type='text/javascript'>
{literal}   
$(document).ready(function () {
    $('#reloadQueue').bind('click', function() {
        
    });
    $('table#tableWaitingQueue').tablesorter();   
    $('table#tableProcessedQueue').tablesorter();   
    loadEwhReqQueue();
    
});
{/literal}
</script>

<div id='ewhQueue'>
<div class="form_container" align="right">
	<div id='reload' style="width: 100px;">
	                <a style='cursor: pointer' id='reloadQueue' title='{translate}Reload queue{/translate}' href="javascript:loadEwhReqQueue()"><img src='{$base_uri}/images/refresh.png'/></a>                      
    </div>
	            
</div>
	
    <div id='waitingQueue' class='queue'>
        <div class='documentListHeader'>
            <span> {translate}Pending request{/translate} </span>
        </div>
        <table id='tableWaitingQueue' cellspacing='0' cellpadding='0' class='grid' style='width: 100%'>                       
            <thead>
                <tr>
                    <th width="30px">{translate}Order number{/translate}</th>
                    <th width="150px">{translate}Request ID{/translate}</th>
                    <th width="150px">{translate}Issued date{/translate}</th>                              
                    <th width="150px">{translate}Req from{/translate}</th>
                    <th width="150px">{translate}Issued by{/translate}</th>                                                                
                    <th width="150px">{translate}Note{/translate}</th>                            
                    <th>&nbsp;</th>
                </tr>
            </thead>
            <tbody>
            </tbody>
        </table>
        <table class='totalTable' cellspacing='0' cellpadding='0' style='width: 100%'>	        
	    </table>
    </div>
                
    <div id='processedQueue' class='queue'>
        <div class='documentListHeader'>
            <span> {translate}Processed request{/translate} </span>
        </div>
        <table id='tableProcessedQueue' cellspacing='0' cellpadding='0' class='grid' style='width: 100%'>                        
            <thead>
                <tr>
                    <th width="30px">{translate}Order number{/translate}</th>
                    <th width="150px">{translate}Request ID{/translate}</th>
                    <th width="150px">{translate}Issued date{/translate}</th>                              
                    <th width="150px">{translate}Req from{/translate}</th>
                    <th width="150px">{translate}Issued by{/translate}</th>                                                                
                    <th width="150px">{translate}Processed date{/translate}</th>                            
                    <th width="100px">{translate}Processed by{/translate}</th>
                    <th>{translate}A/R{/translate}</th>
                </tr>
            </thead>
            <tbody>
            </tbody>
        </table>
        <table class='totalTable' cellspacing='0' cellpadding='0' style='width: 100%'>          
        </table>
        
    </div>
    
    
</div>    
<div id="phaEwhReqExpLoaderDiv" style="display: none; position: fixed; top: 0px; left: 0px; height: 100%; width: 100%; z-index: 1000">
    <div style="overflow: hidden; background-color: #000; position: absolute; top: 0px; left: 0px; height: 100%; width: 100%; opacity: 0.2;">
    </div>
    <div style='padding: 6px 0px 0px 6px; position: absolute; top: 50%; left: 50%; width: 40px; height: 40px; background: #F5F5F5; border: 3px solid #CCC; margin-left: -20px; margin-top: -30px;'>
        <img src="{$base_uri}/images/ajax-loader.gif"/>
    </div>
</div>